<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>蜂窝煤旅游住宿！超值选择！</title>
<meta name="Keywords" content="马蜂窝酒店预订,酒店价格查询" />
<meta name="Description"
	content="马蜂窝酒店预订,提供国内外60万家酒店网上预订,酒店价格查询服务,包括优质酒店住宿推荐,详细酒店地址和酒店图片,真实用户酒店点评等信息,减少酒店预订查询步骤,马蜂窝酒店是你快捷旅游出行的最佳选择." />

<script type="text/javascript">
	window.Env = {
		"shortcut_mdds" : [ {
			"id" : "",
			"name" : "\u4e2d\u56fd",
			"mdds" : [ {
				"id" : 10819,
				"name" : "\u53f0\u5317"
			}, {
				"id" : 10189,
				"name" : "\u9999\u6e2f"
			}, {
				"id" : 10065,
				"name" : "\u5317\u4eac"
			}, {
				"id" : 10156,
				"name" : "\u676d\u5dde"
			}, {
				"id" : 10099,
				"name" : "\u4e0a\u6d77"
			}, {
				"id" : 10035,
				"name" : "\u6210\u90fd"
			}, {
				"id" : 21434,
				"name" : "\u57a6\u4e01"
			}, {
				"id" : 15325,
				"name" : "\u82b1\u83b2"
			}, {
				"id" : 10208,
				"name" : "\u91cd\u5e86"
			}, {
				"id" : 10132,
				"name" : "\u53a6\u95e8"
			}, {
				"id" : 10487,
				"name" : "\u5927\u7406"
			}, {
				"id" : 10030,
				"name" : "\u4e09\u4e9a"
			} ]
		}, {
			"id" : "",
			"name" : "\u4e9a\u6d32",
			"mdds" : [ {
				"id" : 10222,
				"name" : "\u4e1c\u4eac"
			}, {
				"id" : 10765,
				"name" : "\u5927\u962a"
			}, {
				"id" : 11042,
				"name" : "\u4eac\u90fd"
			}, {
				"id" : 11045,
				"name" : "\u66fc\u8c37"
			}, {
				"id" : 15284,
				"name" : "\u6e05\u8fc8"
			}, {
				"id" : 11047,
				"name" : "\u666e\u5409\u5c9b"
			}, {
				"id" : 10130,
				"name" : "\u9996\u5c14"
			}, {
				"id" : 10754,
				"name" : "\u65b0\u52a0\u5761"
			}, {
				"id" : 16980,
				"name" : "\u7532\u7c73"
			}, {
				"id" : 11046,
				"name" : "\u82ad\u63d0\u96c5"
			}, {
				"id" : 11049,
				"name" : "\u5409\u9686\u5761"
			}, {
				"id" : 14210,
				"name" : "\u82cf\u6885\u5c9b"
			} ]
		}, {
			"id" : "",
			"name" : "\u6b27\u6d32",
			"mdds" : [ {
				"id" : 10573,
				"name" : "\u5df4\u9ece"
			}, {
				"id" : 11124,
				"name" : "\u4f26\u6566"
			}, {
				"id" : 10063,
				"name" : "\u7f57\u9a6c"
			}, {
				"id" : 11087,
				"name" : "\u4f5b\u7f57\u4f26\u8428"
			}, {
				"id" : 10102,
				"name" : "\u5df4\u585e\u7f57\u90a3"
			}, {
				"id" : 11100,
				"name" : "\u963f\u59c6\u65af\u7279\u4e39"
			}, {
				"id" : 11081,
				"name" : "\u6155\u5c3c\u9ed1"
			}, {
				"id" : 10755,
				"name" : "\u67cf\u6797"
			}, {
				"id" : 11159,
				"name" : "\u65af\u5fb7\u54e5\u5c14\u6469"
			}, {
				"id" : 16095,
				"name" : "\u5723\u6258\u91cc\u5c3c"
			}, {
				"id" : 10761,
				"name" : "\u5e03\u62c9\u683c"
			}, {
				"id" : 11091,
				"name" : "\u7ef4\u4e5f\u7eb3"
			} ]
		}, {
			"id" : "",
			"name" : "\u5317\u7f8e",
			"mdds" : [ {
				"id" : 10579,
				"name" : "\u7ebd\u7ea6"
			}, {
				"id" : 10926,
				"name" : "\u6d1b\u6749\u77f6"
			}, {
				"id" : 10923,
				"name" : "\u62c9\u65af\u7ef4\u52a0\u65af"
			}, {
				"id" : 10742,
				"name" : "\u65e7\u91d1\u5c71"
			}, {
				"id" : 10077,
				"name" : "\u585e\u73ed\u5c9b"
			}, {
				"id" : 10959,
				"name" : "\u9ec4\u77f3\u56fd\u5bb6\u516c\u56ed"
			} ]
		}, {
			"id" : "",
			"name" : "\u5927\u6d0b\u6d32",
			"mdds" : [ {
				"id" : 10855,
				"name" : "\u6089\u5c3c"
			}, {
				"id" : 10856,
				"name" : "\u58a8\u5c14\u672c"
			}, {
				"id" : 30164,
				"name" : "\u5927\u6d0b\u8def"
			}, {
				"id" : 17339,
				"name" : "\u9ec4\u91d1\u6d77\u5cb8"
			}, {
				"id" : 10885,
				"name" : "\u7687\u540e\u9547"
			}, {
				"id" : 15920,
				"name" : "\u57fa\u7763\u57ce"
			} ]
		} ],
		"hotel_activity_type" : 0,
		"WWW_HOST" : "www.mafengwo.cn",
		"IMG_HOST" : "images.mafengwo.net",
		"P_HOST" : "passport.mafengwo.cn",
		"P_HTTP" : "https:\/\/passport.mafengwo.cn",
		"PAGELET_HTTP" : "http:\/\/pagelet.mafengwo.cn",
		"JS_HOST" : "js.mafengwo.net",
		"UID" : 0,
		"CSTK" : "0bceb1c59a61103277c5ebf8dd94e2cc_6e644406be634bc6f8c8919b120d0629",
		"GOOGLE_MAP_KEY" : "AIzaSyD-Su0x_rPy1xehlMBcMyTqWkU49Bk53nQ",
		"TONGJI_HOST" : "tongji.mafengwo.cn"
	};
</script>

<link
	href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1527308432.css"
	rel="stylesheet" type="text/css" />


<link
	href="http://css.mafengwo.net/css/cv/css+hotel+hotel_index:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range:css+hotel+number_guests_picker^YlVX^1525846268.css"
	rel="stylesheet" type="text/css" />



<script language="javascript"
	src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector:js+corelib+underscore-1.6.0:js+corelib+backbone-1.1.2^YlBQ^1527559450.js"
	type="text/javascript" crossorigin="anonymous"></script>

<style type="text/css">
.div {
	display: inline-block;
	padding: .3em .5em;
	background-image: linear-gradient(#ddd, #bbb);
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3em;
	box-shadow: 0 1px white inset;
	text-align: center;
	text-shadow: 0 1px 1px black;
	color: white;
	font-weight: bold;
}

.div:active {
	box-shadow: .05em .1em .2em rgba(0, 0, 0, .6) inset;
	border-color: rgba(0, 0, 0, .3);
	background: #bbb;
}
</style>
<script type="text/javascript">
	function thekey() {
		var key = document.getElementById("search-hotel").value;
		if (key == null || key == "") {
			return false;
		} else {
			location.href = "SellerServlet?flag=searchhotel&key=" + key;
			return true;
		}
	}
</script>
</head>
<body>
	<div id="header" xmlns="http://www.w3.org/1999/html">
		<div class="mfw-header">
			<div class="header-wrap clearfix">

				<div>
					<jsp:include page="travelhead.jsp"></jsp:include>
				</div>


				<div class="hotel-main">
					<div class="h-title">酒店</div>
					<input type="text"
						style="width:300px; height:30px; border-radius:10px;"
						id="search-hotel"> <input class="div" type="button"
						value="搜索" onclick="return thekey()" />

					<div class="h-notice clearfix">
						<br> <br> <br>

						<ul>
							<li><i class="notice01"></i>
								<div class="flt1">
									<h2>住宿攻略</h2>
									<p>区域攻略到特色主题，应有尽有</p>
								</div></li>
							<li><i class="notice02"></i>
								<div class="flt1">
									<h2>实惠价格</h2>
									<p>合理的住宿价格，你值得拥有</p>
								</div></li>

							<li><i class="notice03"></i>
								<div class="flt1">
									<h2>真实点评</h2>
									<p>超过100万真实用户点评和游记</p>
								</div></li>
						</ul>
					</div>
					
					<div class="h-theme" id="_j_features">
					<div class="h-title" style="margin-top: 50px;">${key}</div>
				<div style="height:auto!important;">
				<div class="_j_tab_content">	
					<c:forEach items="${requestScope.list}" var="seller">
					
										<li style="float: left;">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
												    <div class="pic" >	
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

										
										</li>
									</c:forEach>
					</div>
					</div>
					    <div align="center">
						<div class="h-title" style="margin-top: 150px; "  >热门入住城市</div></div>
						<div class="tab-theme">
							<div class="themeList clearfix _j_tab_trigger">
								<a href="javascript:;" data-id="0">上海</a> <a href="javascript:;"
									data-id="1">北京</a> <a href="javascript:;" data-id="2">厦门</a> <a
									href="javascript:;" data-id="3">杭州</a> <a href="javascript:;"
									data-id="4">成都</a> <a href="javascript:;" data-id="5">深圳</a>
							</div>
							<div class="_j_tab_content">
								<ul class="clearfix" style="display:none;" data-id="0">
									<c:forEach items="${requestScope.list1}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>

								</ul>
								<ul class="clearfix" style="display:none;" data-id="1">
									<c:forEach items="${requestScope.list2}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>

								</ul>
								<ul class="clearfix" style="display:none;" data-id="2">
									<c:forEach items="${requestScope.list3}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>

								</ul>
								<ul class="clearfix" style="display:none;" data-id="3">
									<c:forEach items="${requestScope.list4}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>





								</ul>

								<ul class="clearfix" style="display:none;" data-id="4">


									<c:forEach items="${requestScope.list5}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>


								</ul>
								<ul class="clearfix" style="display:none;" data-id="5">
									<c:forEach items="${requestScope.list6}" var="seller">
										<li>
											<div class="fc-item">
												<a
													href="SellerServlet?flag=hotelinfo&hotelid=${seller.seller_id }"
													target="_blank" data-type="feature" data-name="曾瘄垵">
													<div class="pic">
														<img data-src="${seller.seller_logo }" width="318"
															height="240" style="width:318px;height:240px;">
													</div>

													<div class="bag-opa"></div> <span class="shadow"></span>
													<div class="info">
														<h2>${seller.seller_name }</h2>
													</div>
												</a>

											</div>
										</li>
									</c:forEach>






								</ul>
							</div>
						</div>
					</div>
					<link
						href="http://css.mafengwo.net/mobile/css/omc/coupon-pop/coupon-pop.css?1526627473"
						rel="stylesheet" type="text/css" />


					<script language="javascript"
						src="http://js.mafengwo.net/mobile/js/activity/app_newer_180.js?1526627474"
						type="text/javascript" crossorigin="anonymous"></script>
					<link href="http://css.mafengwo.net/css/mfw-footer.css?1517883076"
						rel="stylesheet" type="text/css" />

					<div>
						<jsp:include page="about-us.jsp"></jsp:include>
					</div>

					<script language="javascript" type="text/javascript">
						if (typeof M !== "undefined" && typeof M.loadResource === "function") {
							M.loadResource("http://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad:js+plugins+dynamics:js+hotel+module+Log:js+hotel+module+Search_v2:js+xdate:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+ModuleProvider:js+hotel+module+BookingDate:js+hotel+module+BookingGuests:js+hotel+module+NumberGuestsPicker:js+hotel+module+ImageLoader:js+hotel+index_v5^alFa^1525846267.js");
						}
					</script>
</body>

</html>